.main_content {
	margin: 40px 0 0;
	min-height: 3040px;
	::v-deep .swiper-pagination-bullet {
		opacity: 1;
		bottom: 0;
		background: white;
	}
	::v-deep .swiper-pagination {
		height: 40px;
		line-height: 40px;
		text-align: right;
		bottom: 0;
		background: rgba($color: #0d1317, $alpha: 0.4);
		// opacity: 0.65;

		span:last-child {
			margin-right: 20px;
		}
	}
	::v-deep .swiper-pagination-bullet-active {
		background: #007aff;
	}
	::v-deep .my-swiper-slide {
		position: relative;
		.swiper_text {
			position: absolute;
			bottom: 10px;
			left: 0;
			color: white;
			z-index: 3;
			width: 200px;
			overflow: hidden;
			text-overflow: ellipsis;
			padding-left: 20px;
		}
	}
}

.top_module {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	padding-bottom: 40px;
	.news {
		width: 540px;
		background: white;
		margin-left: 20px;
		border-radius: 5px;
		ul {
			padding: 0 20px;
		}
		li {
			.title {
				max-width: 370px;
				display: inline-block;
				text-overflow: ellipsis;
				overflow: hidden;
				margin: 0 5px;
				white-space: nowrap;
			}
			height: 54px;
			line-height: 54px;
			display: flex;
			justify-content: space-between;
			border-bottom: 1px solid #dbdbdb;
			cursor: pointer;
			&:hover {
				background: #eee;
			}
		}

		.date {
			color: #a2a8b6;
		}
		.more {
			text-align: center;
			margin: 20px;
		}
		.more_btn {
			width: 110px;
			height: 34px;
			background: none;
			border: 2px solid #0a4dc7;
			border-radius: 5px;
			color: #0a4dc7;
			font-size: 16px;
		}
	}
}
.top_module {
	.swiper {
		width: 320px;
		height: 320px;
		img {
			width: 100%;
		}
	}
}

.card_box {
	width: 320px;
	margin-left: 20px;
	background: white;
	.user_card {
		padding: 20px 20px 0 20px;
	}

	.user_actor {
		display: flex;
		img {
			margin-right: 20px;
		}
		.welcome {
			font-size: 14px;
			color: #1466cf;
			display: flex;
			.realnameSpan {
				max-width: 56px;
				display: inline-block;
				text-overflow: ellipsis;
				overflow: hidden;
				margin: 0 5px;
				white-space: nowrap;
			}
		}
		.link_company {
			span {
				font-size: 14px;
			}
		}
	}
	.user_card {
		.message {
			font-size: 15px;
			color: #f12828;
			display: flex;
			align-items: center;
			margin: 24px 0 12px;
			&::before {
				content: '';
				display: inline-block;
				width: 34px;
				height: 24px;
				background: url(https://tests.winpow.com/vuestatic/img/home/message.png);
				background-size: 18px;
				background-repeat: no-repeat;
				background-position: 0px 4px;
			}
			span:nth-child(2) {
				max-width: 40px;
				display: inline-block;
				text-overflow: ellipsis;
				overflow: hidden;
				margin: 0 5px;
				white-space: nowrap;
			}
		}
	}
	.unLoginCard ::v-deep {
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 320px;
		position: relative;
		.unlogin_logo {
			width: 238px;
			height: 70px;
			line-height: 70px;
			background-size: 100% 40px;
			background-position: 50%;
			background-repeat: no-repeat;
			margin: 0 auto;
		}
		.cardLoginFormRules {
			width: 280px;
			position: absolute;
			top: 70px;
			.cardLoginBtnBox {
				width: 238px;
				display: flex;
				justify-content: center;
				.logBtn {
					margin-right: 10px;
					background: #0a4dc7;
					color: white;
					border: none;
					border-radius: 5px;
					font-size: 16px;
					width: 80px;
					height: 34px;
					cursor: pointer;
				}
				.signBtn {
					background: none;
					border: 2px solid white;
					border-radius: 5px;
					color: white;
					font-size: 16px;
					width: 80px;
					height: 34px;
					cursor: pointer;
				}
			}
			.el-form-item__content {
				margin-left: 0 !important;
				display: flex;
			}
			.el-input__inner {
				width: 238px;
				background: none;
				border-color: white;
				color: white;
				&::-webkit-input-placeholder {
					color: white;
					-webkit-text-fill-color: white;
				}
			}
			.el-input {
				width: 124px;
			}
			.el-input__inner:last-child {
				width: 124px;
			}
			.queryCode {
				margin-left: 10px;
				width: 104px;
				background: #0a4dc7;
				color: white;
				border: none;
				border-radius: 5px;
				font-size: 16px;
				text-align: center;
				cursor: pointer;
				&:active {
					background: #043694;
				}
			}

			.codeItem {
				width: 104px;
				margin-left: 10px;
				height: 40px;
				img {
					width: 100%;
					height: 100%;
					border-radius: 5px;
				}
			}

			.el-input__icon {
				color: white;
				font-size: 18px;
			}
		}
	}
}

.link_company {
	span:first-child::before {
		content: '';
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url(https://tests.winpow.com/vuestatic/img/home/lock.png);
		background-size: 14px;
		background-repeat: no-repeat;
		background-position: 5px 6px;
	}
	span:last-child {
		max-width: 78px;
		display: inline-block;
		text-overflow: ellipsis;
		overflow: hidden;
		margin: 0 5px;
		white-space: nowrap;
		line-height: 12px;
	}
}

.user_company {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	.link_company {
		font-size: 18px;
	}
}

.quckly_module {
	background: #e8f2ff;
	height: 150px;
	margin: 12px 24px 24px;
	border-radius: 5px;
	.title {
		color: #1466cf;
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 1px;
		text-align: center;
		padding: 12px;
	}
	.module_btns {
	}
}

.quickBtn {
	margin: 7px 10px;
	background: #1466cf;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 14px;
	width: 68px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	&:active {
		background: #08499d;
	}
}

.zct_module {
	height: 368px;
	.zct_content {
		height: 368px;
		width: 1200px;
		margin: 0 auto;
		display: flex;
	}
	.left {
		width: 180px;
		padding-top: 27px;
		margin-right: 20px;
		display: flex;
		justify-content: space-between;
		.zct_btn {
			width: 180px;
			height: 310px;
			background: url(https://tests.winpow.com/vuestatic/img/home/zct_btn.png);
			.title {
				color: white;
				font-size: 24px;
				font-weight: 600;
				display: inline-block;
				margin: 20px 20px 10px;
			}
			.msg_total {
				font-size: 18px;
				color: white;

				.finished {
					margin-bottom: 5px;
				}

				.finished span {
					color: #f48313;
					position: relative;
					margin-left: 42px;
				}
				.finished span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.ready span {
					color: #f48313;
					position: relative;
					margin-left: 42px;
				}
				.ready span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.finished_floor2,
				.ready_floor2 {
					padding-left: 40px;
				}
			}
		}

		// .zct_wdsq {
		// 	background: url(https://tests.winpow.com/vuestatic/img/home/sqt_wdsq.png);
		// 	width: 180px;
		// 	height: 145px;
		// 	display: flex;
		// 	align-items: center;
		// 	justify-content: center;
		// 	.title {
		// 		display: inline-block;
		// 		width: 56px;
		// 		font-size: 27px;
		// 		color: white;
		// 		letter-spacing: 1px;
		// 	}
		// }
	}
	.right {
		width: 620px;
		margin-right: 20px;
		.info {
			background: white;
			height: 310px;
			margin: 27px 20px 27px 0;
			border-radius: 5px;
			width: 620px;
			.info_header {
				display: flex;
				justify-content: space-between;
				padding: 20px;
				.title {
					font-size: 20px;
					font-weight: 600;
					color: #363942;
				}
				.date {
					color: #a2a8b6;
					line-height: 32px;
				}
			}
		}
	}
	.last {
		.top {
			width: 360px;
			height: 145px;
			margin: 27px 0 20px;
			background: url(https://tests.winpow.com/vuestatic/img/home/zcpp.png);
			background-size: 178px;
			background-repeat: no-repeat;
			background-color: white;
			background-position: center 53px;
			border-radius: 5px;
			p {
				text-align: center;
				font-weight: 600;
				font-size: 25px;
				color: #363942;
				padding-top: 20px;
				letter-spacing: 1px;
			}
		}
		.bottom {
			.info {
				background: white;
				height: 145px;
				border-radius: 5px;
				width: 360px;

				.info_header {
					display: flex;
					justify-content: space-between;
					padding: 20px;
					.title {
						font-size: 20px;
						font-weight: 600;
						color: #363942;
					}
					.date {
						color: #a2a8b6;
						line-height: 32px;
					}
				}
			}
		}
	}
}

.hdt_module::v-deep {
	.my-swiper-slide {
		height: 314px;
	}
	height: 368px;
	background: #e7eff7;
	.hdt_content {
		height: 368px;
		width: 1200px;
		margin: 0 auto;
		display: flex;
	}
	.left {
		width: 180px;
		padding-top: 27px;
		margin-right: 20px;
		display: flex;
		justify-content: space-between;
		.hdt_btn {
			width: 180px;
			height: 310px;
			background: url(https://tests.winpow.com/vuestatic/img/home/hdt_btn.png);
			.title {
				color: white;
				font-size: 24px;
				font-weight: 600;
				display: inline-block;
				margin: 20px 20px 10px;
			}
			.msg_total {
				font-size: 18px;
				color: white;
				.finished {
					margin-bottom: 5px;
				}

				.finished span {
					color: #052acb;
					position: relative;
					margin-left: 42px;
				}
				.finished span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.ready span {
					color: #052acb;
					position: relative;
					margin-left: 42px;
				}
				.ready span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.finished_floor2,
				.ready_floor2 {
					padding-left: 40px;
				}
			}
		}
	}
	.right {
		width: 400px;
		margin: 27px 20px 27px 0;
		background: white;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;

		.hdt_date_quick_img {
			width: 100px;
			height: 108px;
			margin: 31px auto 21px;
			img {
				width: 100%;
			}
			p {
				text-align: center;
				font-weight: 600;
				font-size: 20px;
				color: #363942;
				letter-spacing: 1px;
			}
		}
		.bottom_word {
			.top {
				padding-top: 30px;
			}
			.top,
			.bottom {
				display: flex;
				justify-content: center;
				span {
					display: flex;
					align-items: center;
					font-size: 18px;
				}
				span:nth-child(1) {
					margin-right: 70px;
				}
			}
			.top span:before,
			.bottom span:before {
				content: '•';
				color: #333333;
				font-size: 32px;
				margin-right: 5px;
				line-height: 32px;
				margin-bottom: 4px;
			}
		}
	}
	.last {
		width: 580px;
		height: 314px;
		margin: 27px 0;
		.swiper {
			width: 580px;
			height: 314px;
			img {
				width: 100%;
				height: 100%;
				border-radius: 5px;
			}
		}
	}
}

@keyframes myfirst {
	5% {
		top: -44px;
	}
	10% {
		top: -88px;
	}
	15% {
		top: -132px;
	}
	20% {
		top: -176px;
	}
	25% {
		top: -220px;
	}
	30% {
		top: -264px;
	}
	35% {
		top: -308px;
	}
	40% {
		top: -352px;
	}
	45% {
		top: -396px;
	}
	50% {
		top: -440px;
	}
	55% {
		top: -484px;
	}
	60% {
		top: -528px;
	}
	65% {
		top: -572px;
	}
	70% {
		top: -616px;
	}
	75% {
		top: -660px;
	}
	80% {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
	}

	// 85% {
	// 	top: -792px;
	// }
	// 90% {
	// 	top: -836px;
	// }
	// 95% {
	// 	top: -880px;
	// }
	// 100% {
	// 	top: -924px;
	// }
}

.sqt_module::v-deep {
	height: 368px;
	background: #e7eff7;
	.sqt_content {
		height: 368px;
		width: 1200px;
		margin: 0 auto;
		display: flex;
		.table_header .header_col:nth-child(2) {
			flex: 2;
		}
		.tbody_item_row .tbody_item:nth-child(2) {
			flex: 2;
		}
		.table_body {
			height: 176px;
			overflow-y: hidden;
			position: relative;
			.swiperBox {
				position: absolute;
				width: 800px;
				top: 0;
				animation: myfirst 15s infinite normal;
				-webkit-animation: myfirst 15s infinite normal;
				&:hover {
					animation-play-state: paused;
				}
			}
		}
	}
	.left {
		width: 380px;
		padding-top: 27px;
		margin-right: 20px;
		display: flex;
		justify-content: space-between;
		.sqt_btn {
			width: 180px;
			height: 310px;
			background: url(https://tests.winpow.com/vuestatic/img/home/sqt_btn.png);
			.title {
				color: white;
				font-size: 24px;
				font-weight: 600;
				display: inline-block;
				margin: 20px 20px 10px;
			}
			.msg_total {
				font-size: 18px;
				color: white;
				.finished {
					margin-bottom: 5px;
				}

				.finished span {
					color: #1466cf;
					position: relative;
					margin-left: 42px;
				}
				.finished span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.ready span {
					color: #1466cf;
					position: relative;
					margin-left: 42px;
				}
				.ready span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.finished_floor2,
				.ready_floor2 {
					padding-left: 40px;
				}
			}
		}

		.formDoor {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			height: 310px;
			.sqt_tjsq {
				background: url(https://tests.winpow.com/vuestatic/img/home/sqt_tjsq.png);
				width: 180px;
				height: 145px;
				display: flex;
				align-items: center;
				justify-content: center;
				.title {
					display: inline-block;
					width: 56px;
					font-size: 27px;
					color: white;
					letter-spacing: 1px;
				}
			}
		}
		.sqt_wdsq {
			background: url(https://tests.winpow.com/vuestatic/img/home/sqt_wdsq.png);
			width: 180px;
			height: 145px;
			display: flex;
			align-items: center;
			justify-content: center;
			.title {
				display: inline-block;
				width: 56px;
				font-size: 27px;
				color: white;
				letter-spacing: 1px;
			}
		}
	}
	.right {
		width: 800px;
		.info {
			background: white;
			height: 310px;
			margin: 27px 0;
			border-radius: 5px;

			.info_header {
				display: flex;
				justify-content: space-between;
				padding: 20px;
				.title {
					font-size: 20px;
					font-weight: 600;
					color: #363942;
				}
				.date {
					color: #a2a8b6;
					line-height: 32px;
				}
			}
		}
	}
}

.sct_module::v-deep {
	height: 368px;
	.sct_content {
		height: 368px;
		width: 1200px;
		margin: 0 auto;
		display: flex;
	}
	.left {
		width: 580px;
		padding-top: 27px;
		margin-right: 20px;
		display: flex;
		.sct_btn,
		.sct_center_btn {
			width: 180px;
			height: 310px;
			background: url(https://tests.winpow.com/vuestatic/img/home/sct_btn.png);
			margin-right: 20px;
			.title {
				color: white;
				font-size: 24px;
				font-weight: 600;
				display: inline-block;
				margin: 20px 20px 10px;
			}
			.msg_total {
				font-size: 18px;
				color: white;
				.finished {
					margin-bottom: 5px;
				}

				.finished span {
					color: #1466cf;
					position: relative;
					margin-left: 42px;
				}
				.finished span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.ready span {
					color: #1466cf;
					position: relative;
					margin-left: 42px;
				}
				.ready span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.finished_floor2,
				.ready_floor2 {
					padding-left: 40px;
				}
			}
		}

		.formDoor {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			height: 310px;
			margin-right: 20px;
			.sct_tjsq {
				background: url(https://tests.winpow.com/vuestatic/img/home/sct_xqfb.png);
				width: 180px;
				height: 145px;
				display: flex;
				flex-direction: column;
				.title {
					display: inline-block;
					font-size: 27px;
					color: white;
					letter-spacing: 1px;
					margin: 13px 20px 5px 20px;
				}
				.explain {
					font-size: 16px;
					color: white;
					margin-left: 20px;
				}
			}
		}
		.sct_center_btn {
			width: 180px;
			height: 310px;
			background: url(https://tests.winpow.com/vuestatic/img/home/fwcs_btn.png);
			.finished_floor2 {
				font-size: 16px;
				padding-left: 20px !important;
			}
		}

		.sct_wdsq {
			background: url(https://tests.winpow.com/vuestatic/img/home/sct_cpfb.png);
			width: 180px;
			height: 145px;
			display: flex;
			flex-direction: column;
			.title {
				display: inline-block;
				font-size: 27px;
				color: white;
				letter-spacing: 1px;
				margin: 13px 20px 5px 20px;
			}
			.explain {
				font-size: 16px;
				color: white;
				margin-left: 20px;
			}
		}
	}
	.right {
		width: 600px;
		.info {
			background: white;
			height: 310px;
			margin: 27px 0;
			border-radius: 5px;

			.info_header {
				display: flex;
				justify-content: space-between;
				padding: 20px;
				.title {
					font-size: 20px;

					span {
						margin-right: 20px;
						color: #363942;
						padding-bottom: 8px;
						cursor: pointer;
					}
					.on {
						color: #1466cf;
						font-weight: 600;
						border-bottom: 3px solid #1466cf;
					}
				}
				.date {
					color: #a2a8b6;
					line-height: 32px;
				}
			}
		}
	}
}

.jrt_module {
	height: 368px;
	background: #e7eff7;
	.jrt_content {
		height: 368px;
		width: 1200px;
		margin: 0 auto;
		display: flex;
	}
	.left {
		width: 180px;
		padding-top: 27px;
		margin-right: 20px;
		display: flex;
		justify-content: space-between;
		.jrt_btn {
			width: 180px;
			height: 310px;
			background: url(https://tests.winpow.com/vuestatic/img/home/jrt_btn.png);
			.title {
				color: white;
				font-size: 24px;
				font-weight: 600;
				display: inline-block;
				margin: 20px 20px 10px;
			}
			.msg_total {
				font-size: 18px;
				color: white;
				.finished {
					margin-bottom: 5px;
				}

				.finished span {
					color: #f48313;
					position: relative;
					margin-left: 42px;
				}
				.finished span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.ready span {
					color: #f48313;
					position: relative;
					margin-left: 42px;
				}
				.ready span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.finished_floor2,
				.ready_floor2 {
					padding-left: 40px;
				}
			}
		}
	}

	.last::v-deep {
		width: 1000px;
		height: 314px;
		margin: 27px 0;
		.top {
			height: 188px;
			margin-bottom: 20px;
			display: flex;
			background: white;
			border-radius: 5px;
			.top_left {
				width: 665px;
				.scd_title {
					font-size: 30px;
					font-weight: 600;
					color: #363942;
					margin-right: 5px;
				}
				.floor1 {
					margin: 28px 0 0 21px;
					border-right: 2px solid #dadada;
				}
				.floor2 {
					font-size: 18px;
					display: flex;
					justify-content: space-around;
					margin-left: -36px;
					padding-top: 15px;
					color: #363942;
					border-right: 2px solid #dadada;
				}
				.floor3 {
					font-size: 30px;
					display: flex;
					justify-content: space-around;
					margin-left: -36px;
					padding-top: 15px;
					font-weight: 600;
					color: #363942;
					border-right: 2px solid #dadada;
				}
				.money_ {
					color: #f4605c;
				}
				.scd_icon_btn {
					padding: 0 5px;
					height: 20px;
					line-height: 20px;
					display: inline-block;
					text-align: center;
					border: 2px solid #f48413;
					color: #f48413;
					margin: 5px;
					border-radius: 5px;
					background: #ffd6ae;
					cursor: pointer;
				}
			}
			.top_right {
				width: 333px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				.top_right-floor1 {
					display: flex;
					align-items: center;
					justify-content: center;
					margin-left: -20px;
					.top_right-floor1_left {
						display: flex;
						flex-direction: column;
						span {
							font-size: 24px;
							color: #333;
							font-weight: 600;
							text-align: center;
							margin: 0 10px;
						}
					}
					.top_right-floor1_right {
						font-size: 40px;
						color: #1466cf;
						font-weight: 600;
					}
				}
				.top_right-floor2 {
					text-align: center;
					margin-top: 30px;
					.ckxq {
						background: none;
						border: 2px solid #0a4dc7;
						border-radius: 5px;
						color: #0a4dc7;
						font-size: 16px;
						width: 180px;
						height: 40px;
					}
				}
			}
		}
		.bottom {
			height: 122px;
			text-align: center;
			padding-top: 10px;
			button {
				margin-right: 20px;
				background: #0a4dc7;
				color: white;
				border: none;
				border-radius: 5px;
				font-size: 16px;
				width: 360px;
				height: 80px;
				cursor: pointer;
				position: relative;
				span {
					font-size: 24px;
					margin-right: 10px;
				}
				&:after {
					content: '';
					display: inline-block;
					width: 34px;
					height: 34px;
					background: url(https://tests.winpow.com/vuestatic/img/home/pull_right.png);
					background-size: 27px;
					background-repeat: no-repeat;
					background-position: 0px 3px;
					position: absolute;
				}
			}
		}
	}
}

.ztt_module::v-deep {
	.CarouselContainer {
		width: 1000px;
	}

	height: 368px;
	.ztt_content {
		height: 368px;
		width: 1200px;
		margin: 0 auto;
		display: flex;
	}
	.left {
		width: 180px;
		padding-top: 27px;
		margin-right: 20px;
		display: flex;
		justify-content: space-between;
		.ztt_btn {
			width: 180px;
			height: 310px;
			background: url(https://tests.winpow.com/vuestatic/img/home/ztt_btn.png);
			.title {
				color: white;
				font-size: 24px;
				font-weight: 600;
				display: inline-block;
				margin: 20px 20px 10px;
			}
			.msg_total {
				font-size: 18px;
				color: white;
				.finished {
					margin-bottom: 5px;
				}

				.finished span {
					color: #0023b9;
					position: relative;
					margin-left: 42px;
				}
				.finished span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.ready span {
					color: #0023b9;
					position: relative;
					margin-left: 42px;
				}
				.ready span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.finished_floor2,
				.ready_floor2 {
					padding-left: 40px;
				}
			}
		}
	}

	.last {
		width: 100%;
		height: 314px;
		margin: 27px 0;
		.top {
			height: 80px;
			margin-bottom: 20px;
			display: flex;
			border-radius: 5px;
			.btn {
				width: 320px;
				height: 80px;
				margin-right: 20px;
				cursor: pointer;
				.type_1 {
					font-size: 30px;
					color: white;
					padding: 20px 30px;
					display: inline-block;
				}
				.type_2 {
					display: flex;
					flex-direction: column;
					color: white;
					margin: 6px 30px;
					span:nth-child(1) {
						font-size: 30px;
					}
					span:nth-child(2) {
						font-size: 18px;
					}
				}
			}
			.btn:nth-child(1) {
				background: url(https://tests.winpow.com/vuestatic/img/home/lypp_btn.png);
			}
			.btn:nth-child(2) {
				background: url(https://tests.winpow.com/vuestatic/img/home/hypp_btn.png);
			}
			.btn:nth-child(3) {
				background: url(https://tests.winpow.com/vuestatic/img/home/ztxq_btn.png);
			}
		}
		.ztt_list {
			.ztt_list_ul {
				display: flex;
				justify-content: start;
				height: 210px;
				.ztt_list_li {
					&:hover {
						box-shadow: 3px 3px 9px #919191;
					}
					width: 184px !important;
					cursor: pointer;
					margin-right: 20px;
					height: 210px;
					border-radius: 5px;
					background: white;
					.view {
						background-size: 100% 100%;
						background-repeat: no-repeat;
						height: 60%;
						border-radius: 5px;
						margin-bottom: 4px;
					}
					.title {
						font-size: 18px;
						color: #333333;
						margin: 4px;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.area {
						font-size: 14px;
						color: #363942;
						margin: 4px;
					}
					.amount {
						font-size: 14px;
						color: #f4605c;
						margin: 4px;
					}
				}
			}
		}
	}
}

.zwt_module {
	height: 368px;
	background: #e7eff7;
	.zwt_content {
		height: 368px;
		width: 1200px;
		margin: 0 auto;
		display: flex;
	}
	.left {
		width: 180px;
		padding-top: 27px;
		margin-right: 20px;
		display: flex;
		justify-content: space-between;
		.zwt_btn {
			width: 180px;
			height: 310px;
			background: url(https://tests.winpow.com/vuestatic/img/home/zwt_btn.png);
			.title {
				color: white;
				font-size: 24px;
				font-weight: 600;
				display: inline-block;
				margin: 20px 20px 10px;
			}
			.msg_total {
				font-size: 18px;
				color: white;
				.finished {
					margin-bottom: 5px;
				}

				.finished span {
					color: #0023b9;
					position: relative;
					margin-left: 42px;
				}
				.finished span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.ready span {
					color: #0023b9;
					position: relative;
					margin-left: 42px;
				}
				.ready span::before {
					content: '•';
					color: white;
					font-size: 32px;
					position: absolute;
					left: -21px;
					top: -12px;
				}
				.finished_floor2,
				.ready_floor2 {
					padding-left: 40px;
				}
			}
		}
	}

	.last {
		width: 100%;
		height: 314px;
		margin: 27px 0;
		.top {
			margin-bottom: 20px;
			display: flex;
			border-radius: 5px;
			.btn {
				width: 490px;
				height: 145px;
				margin-right: 20px;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-ms-border-radius: 5px;
				-o-border-radius: 5px;
				cursor: pointer;
				.type_1 {
					font-size: 30px;
					color: white;
					padding: 20px 30px;
					display: inline-block;
				}
			}
			.btn:nth-child(1) {
				background: url(https://tests.winpow.com/vuestatic/img/home/sxjkg_btn.png);
			}
			.btn:nth-child(2) {
				background: url(https://tests.winpow.com/vuestatic/img/home/xycx_btn.png);
			}
		}
		.bottom {
			height: 80px;
			margin-bottom: 20px;
			display: flex;
			border-radius: 5px;
			.btn {
				width: 490px;
				height: 145px;
				margin-right: 20px;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-ms-border-radius: 5px;
				-o-border-radius: 5px;
				cursor: pointer;
				.type_1 {
					font-size: 30px;
					color: white;
					padding: 20px 30px;
					display: inline-block;
				}
			}
			.btn:nth-child(1) {
				background: url(https://tests.winpow.com/vuestatic/img/home/cxjf_btn.png);
			}
			.btn:nth-child(2) {
				background: url(https://tests.winpow.com/vuestatic/img/home/zsyz_btn.png);
			}
		}
	}
}

.bottomWhiteBg {
	background: white;
	height: 98px;
}
